@namespace xf url(http://www.w3.org/2002/xforms);
/* Display a red background on all invalid form controls */
*:invalid::after  { content:url(/views/images/delete1.png);  }
xf|input:required > .xf-value, xf|textarea:required > .xf-value, xf|select:required > .xf-value, xf|select1:required > .xf-value { 
	border:solid black 2px; 
}
xf|group xf|input:valid::after, xf|group xf|textarea:valid::after, xf|group xf|select:valid::after, xf|group xf|select1:valid::after   {
		content:url(/views/images/check.png); 
}

/* This line ensures all the separate input controls appear on their own lines */
xf|input, xf|select, xf|select1, xf|textarea {
	display:block; 
	margin:5px 0;
}
 
/* Makes the labels right aligned in a 250px wide column that floats to the left of the input controls. */
xf|input > xf|label, xf|select > xf|label, xf|select1 > xf|label, xf|textarea > xf|label {
	text-align:right; 
	padding-right:10px; 
	width:150px; 
	float:left; 
	text-align:right;
}

.xf-value {
	width:200px; 
}

.token_select > xf|label  {
	font-weight:bold;
	display:block;
	clear:both;
	width:100px;
	text-align:center;
	background-color: #66FF66;
}

.tokenselect > .xf-value{
	display:block;
	clear:both;
}
